@import "../color";

.home-page {

  .sub-title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 25px 0;
    font-size: 22px;
  }

  .ant-card-bordered {
    border: none;
  }

  .ant-col-6 {
    margin-bottom: 10px;
    cursor: pointer;
  }

  .top {
    .shop {
      width: 100%;
      height: 50px;
      line-height: 28px;
      border-bottom: 1px solid #ccc;
      .name {
        float: left;
        font-size: 22px;
        height: 24px;
        line-height: 24px;
        padding-right: 10px;
        border-right: 2px solid @font-default;
      }
      label {
        color: @tcblue;
        float: left;
        height: 24px;
        line-height: 24px;
        padding: 0 5px;
        margin: 0 10px;
      }
    }
    .ant-card-body {
      padding: 0;
    }

    .stat {
      overflow: hidden;
      background: @tcblue;
      height: 120px;
      border-radius: 6px;
      i {
        display: block;
        float: left;
        width: 30px;
        height: 30px;
        margin: 45px 30px;
        background: url("../../image/home/icon_stat_user_today.png") center no-repeat;
        background-size: contain;
      }
      .right {
        float: left;
        padding: 15px 0;
        color: #fff;
        label {
          font-size: 14px;
          height: 40px;
          line-height: 40px;
        }
        p {
          font-size: 30px;
          height: 50px;
          line-height: 50px;
          margin: 0;
        }
      }
    }

    .fission-today {
      background: #F97886;
      i {
        background: url("../../image/home/icon_stat_fission_today.png") center no-repeat;
        background-size: contain;
      }
    }
    .user-total {
      background: #28B779;
      i {
        background: url("../../image/home/icon_stat_user_total.png") center no-repeat;
        background-size: contain;
      }
    }
    .fission-total {
      background: #27A9E3;
      i {
        background: url("../../image/home/icon_stat_fission_total.png") center no-repeat;
        background-size: contain;
      }
    }

  }

  .account-info {
    .ant-card-body {
      background: @bg-grey;
      .balance {
        font-size: 16px;
        b {
          font-size: 20px;
          padding-left: 10px;
        }
        button {
          float: right;
        }
      }
    }

    h2 {
      margin-bottom: 20px;
      font-weight: 300;
    }
  }
}
